﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
      <meta name="viewport" content="width=device-width, initial-scale=1" /> 

    <link href="Themes/Styles/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css" />
    <link href="Themes/Styles/jquery.mobile.simpledialog.min.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile-1.0.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.message.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.mobile.simpledialog.js" type="text/javascript"></script>
    <script src="Scripts/H2m.js" type="text/javascript"></script>
     
</head>
<body>
 <div data-role="page" data-theme="a" id = "reviewOrdersPage">
 
 <script type="text/javascript">
     $("#reviewOrdersPage").bind("pageinit", function () {

         HandleEventsReviewOrderPage();

     });


    </script>

        <div data-role="header">
            <a href="#ordersPage" data-role="button" data-icon="arrow-l"
                data-iconpos="left" data-rel="back" data-mini="true" data-theme="c">Place Order</a>
            <h1> Review Order</h1>
        </div>
        <!-- /header -->
        <div data-role="content">
            <a id="confirmOrderButton" data-role="button" data-mini="true" data-theme="b">Confirm & Place Order</a> 
            <div  > 
                    <ul id="orderedItemListView" data-inset="true" data-role="listview" data-split-theme="a" data-theme="a"  >
                        
                    </ul> 


                    <p>
                       Total Price : ₹ <span id="totalPriceDisplay"> </span>     
                    </p>
            </div>
        </div>
        <!-- /content -->
    </div> 
    <!-- /page -->
</body>
</html>
